<%-- 
    Document   : profile
    Created on : 29-okt-2012, 18:28:58
    Author     : kjeld
--%>

<%@page contentType="text/html" pageEncoding="UTF-8"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %>
<%@ taglib uri="http://java.sun.com/jsp/jstl/functions" prefix="fn" %>
<!DOCTYPE html>
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
        <link href="style/general.css" type="text/css" rel="Stylesheet">
        <link rel="stylesheet" href="style/slideshow.css" />
        <!-- include jQuery Library From Google Code -->
        <script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.0/jquery.min.js" type="text/javascript"></script>
        <script type="text/javascript" src="http://code.jquery.com/jquery-1.7.1.min.js"></script>
        <script src="js/dynamic-controls-bootstrap.js"></script>
        <script type="text/javascript">
            var descriptions = new Array();
            <c:forEach var="description" items="${descriptions}">
                var description = new Object();
                description.fileName = "${description.fileName}";
                description.fileDescription = "${description.fileDescription}";
                descriptions.push(description);
            </c:forEach>
                function fileInfo(filename){
                    for(var i=0; i<descriptions.length; i++) {
                        
                        var value = descriptions[i].fileName;
                        if(value == filename){
                            alert(descriptions[i].fileDescription);
                            break;
                        }
                    }
                    
                }
        </script>

        <jsp:useBean id="inhoud" scope="application" class="models.Bean" />   
        <jsp:setProperty name="inhoud" property="language" value="<%= models.Bean.getLanguage()%>" />

        <title>
            Three 2 Learn | ${course.name}
        </title>
        <!-- The main style sheet -->
        <link rel="stylesheet" href="style/login.css" type="text/css" media="screen" />

        <!-- START Fx.Slide -->
        <!-- The CSS -->
        <link rel="stylesheet" href="style/fx.slide.css" type="text/css" media="screen" />
        <!-- Mootools - the core -->
        <script type="text/javascript" src="js/mootools-1.2-core-yc.js"></script>
        <!--Toggle effect (show/hide login form) -->
        <script type="text/javascript" src="js/mootools-1.2-more.js"></script>
        <script type="text/javascript" src="js/fx.slide.js"></script>
        <!-- END Fx.Slide -->
    </head>
    <body>
        <!-- Login -->
        <div id="login">
            <div class="loginContent">
                <form action="login" method="post">
                    <label for="log"><b>
                            <jsp:setProperty name="inhoud" property="key" value="Username" />
                            <jsp:getProperty name="inhoud" property="key" />
                            : </b></label>
                    <input class="field" type="text" name="userName" id="userName" value="" size="23" />
                    <label for="pwd"><b>
                            <jsp:setProperty name="inhoud" property="key" value="Password" />
                            <jsp:getProperty name="inhoud" property="key" />
                            :</b></label>
                    <input class="field" type="password" name="passWord" id="passWord" size="23" />
                    <input type="submit" name="submit" value="" class="button_login" />
                    <input type="hidden" name="redirect_to" value=""/>
                </form>
                <div class="left">
                    <label for="rememberme"><input name="rememberme" id="rememberme" class="rememberme" type="checkbox" checked="checked" value="forever" /> Remember me</label></div>
                <div class="right">
                    <jsp:setProperty name="inhoud" property="key" value="NotAMember" />
                    <jsp:getProperty name="inhoud" property="key" />
                    <a href="student/register">
                        <jsp:setProperty name="inhoud" property="key" value="Register" />
                        <jsp:getProperty name="inhoud" property="key" />
                    </a> | <a href="#">
                        <jsp:setProperty name="inhoud" property="key" value="ForgotPassword" />
                        <jsp:getProperty name="inhoud" property="key" />
                    </a></div>
            </div>
            <div class="loginClose"><a href="#" id="closeLogin">
                    <jsp:setProperty name="inhoud" property="key" value="ClosePanel" />
                    <jsp:getProperty name="inhoud" property="key" />
                </a></div>
        </div> <!-- /login -->

        <div id="container">

            <div id="wrapper">
                <div id="header">
                    <div id="topmenu">
                        <ul class="login">
                            <li><img src="style/logo32L.png"/></li>
                            <li><a href="/language?lang=nl" title="Nederlands"><img src="images/flags/nl.png"></a></li>
                            <li><a href="/language?lang=en" title="English"><img src="images/flags/uk.png"></a></li>
                                    <c:choose>
                                         <c:when test="${loggedin eq 'true'}">
                                    <li><a href="/logout" id="toggleLogout" >
                                            <jsp:setProperty name="inhoud" property="key" value="LogOut" />
                                            <jsp:getProperty name="inhoud" property="key" />
                                        </a></li>
                                    <li><a href="/${omgeving}" >
                                            <jsp:setProperty name="inhoud" property="key" value="BackTo" />
                                            <jsp:getProperty name="inhoud" property="key" /> ${omgeving}
                                            <jsp:setProperty name="inhoud" property="key" value="TheEnvironment" />
                                            <jsp:getProperty name="inhoud" property="key" />
                                        </a></li>
                                    <li><h2><jsp:setProperty name="inhoud" property="key" value="Welcome" />
                                            <jsp:getProperty name="inhoud" property="key" />, ${user.firstName} ${user.lastName}</h2></li>
                                        </c:when>
                                    <c:otherwise>
                                    <li><a href="#" id="toggleLogin" >
                                            <jsp:setProperty name="inhoud" property="key" value="Login" />
                                            <jsp:getProperty name="inhoud" property="key" />
                                        </a></li>
                                    </c:otherwise>
                                </c:choose>

                        </ul>
                    </div>
                    <div class="middle">
                        <div id="menu">
                            <ul>
                                <li><a href="index.jsp">
                                        <jsp:setProperty name="inhoud" property="key" value="Homepage" />
                                        <jsp:getProperty name="inhoud" property="key" />
                                    </a></li>
                                <li><a href="/courses">
                                        <jsp:setProperty name="inhoud" property="key" value="Courses" />
                                        <jsp:getProperty name="inhoud" property="key" />
                                    </a></li>
                                <li><a href="three2Learn.jsp">Three2Learn</a></li>
                                <li><a href="information.jsp">
                                        <jsp:setProperty name="inhoud" property="key" value="Information" />
                                        <jsp:getProperty name="inhoud" property="key" />
                                    </a></li>
                                <li><a href="faq.jsp">
                                        <jsp:setProperty name="inhoud" property="key" value="FAQ" />
                                        <jsp:getProperty name="inhoud" property="key" />
                                    </a></li>
                                <li><a href="contact.jsp" class="lastItem">Contact</a></li>
                            </ul>
                        </div>
                    </div>
                </div>
                <link rel="Stylesheet" href="style/student.css" type="text/css" >
                <div id="subcontainer">
                    <style type="text/css">
                        .clearfix:after {
                            content: ".";
                            display: block;
                            height: 0;
                            clear: both;
                            visibility: hidden;
                        }
                        html{
                            font-family:Verdana, Geneva, sans-serif;
                            font-size:14px;
                        }
                        div.tiles div{
                            border-radius:2px;
                            padding:10px;
                            margin:5px;
                            color:#00ffff;
                            background-color:#003366;
                            display:marker;
                            cursor:pointer;
                            float:left;
                            width:25px;
                            height:25px;
                        }
                        div.tiles div:hover{
                            transition:background-color 1s;
                            -moz-transition:background-color 1s;
                            -webkit-transition:background-color 1s;
                            background-color:#009999;
                            -moz-transform:rotate(6deg);
                        }
                        div.tiles div.icon{
                            position:relative;
                            bottom:0px;
                            left:0px;
                            z-index:10;
                            background-color:red;
                        }

                    </style>
                    <center><h1>
                            ${course.name}
                        </h1>
                        <p>
                            <jsp:setProperty name="inhoud" property="key" value="NavigateIntro" />
                            <jsp:getProperty name="inhoud" property="key" /> 
                        </p>
                    </center>
                    <div class="tiles clearfix">


                        <a href="/description?id=${course.courseID}">
                            <div class="w4 h2">
                                <center>
                                    <img src="style/icons/info.png"/>
                                    </br>
                                    <jsp:setProperty name="inhoud" property="key" value="CourseInformation" />
                                    <jsp:getProperty name="inhoud" property="key" />
                                </center>
                            </div>
                        </a>
                        <a href="/digitalclassroom?courseID=${course.courseID}">
                            <div class="w4 h2">
                                <center>
                                    <img src="style/icons/digitalclass.png">
                                    </br>
                                    <jsp:setProperty name="inhoud" property="key" value="DigitalClassroom" />
                                    <jsp:getProperty name="inhoud" property="key" />
                                </center>
                            </div>
                        </a>
                        <a href="/studentcourse/files?courseID=${course.courseID}">
                            <div class="w4 h2">
                                <center>
                                    <img src="style/icons/files.png"/>
                                    </br>
                                    <jsp:setProperty name="inhoud" property="key" value="Files" />
                                    <jsp:getProperty name="inhoud" property="key" />
                                </center>
                            </div>
                        </a>
                        <a href="/progressStudent?sc=${course.courseID}">
                            <div class="w4 h2">
                                <center>
                                    <img src="style/icons/progresstest.png"/>
                                    </br>
                                    <jsp:setProperty name="inhoud" property="key" value="ProgressTest" />
                                    <jsp:getProperty name="inhoud" property="key" />
                                </center>
                            </div>
                        </a>
                                
                        <a href="/forum?courseID=${course.courseID}">
                            <div class="w4 h2">
                                <center>
                                    <img src="style/icons/forum.png"/>
                                    </br>
                                    Forum
                                </center>
                            </div>
                        </a>
                        <a href="/agendaStudent?sc=${course.courseID}">
                            <div class="w4 h2">
                                <center> 
                                    <img src="style/icons/agenda.png"/>
                                    </br>
                                    Agenda
                                </center>
                            </div>
                        </a>
                        <a href="/student">
                            <div class="w4 h2">
                                <center> 
                                    <img src="style/icons/return.png"/>
                                    </br>
                                    Terug
                                </center>
                            </div>
                        </a>
                    </div>
                </div>
            </div>
        </div>
    </body>
</html>
